// 1.导入react核心库
import React from 'react'
// 2. 导入react-dom用于react操作dom
import ReactDOM from 'react-dom/client'
// 加载App组件入口文件（组件的主文件）
import App from './App'
// // 导入样式
// import './index.css'
// // 3. 创建虚拟dom
// let baidu = <div className='baidu'>
//     <div className='logo'>
//         <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="百度" />
//     </div>
//     <div className='ipt'>
//       <input type="text" id="input" placeholder="" />
//       <button>百步一下</button>
//    </div>
//    <div className='list-main'>
//       <header className='list-hd'>
//         <a href="www.baidu.com" className="sia">百度热搜</a>
//         <div>换一换</div>
//       </header>
//       <main className='list-bd'>
//          <div className="nav">
//             <p>1 一组海报带你看活力中国</p>
//             <p>2 开启新的奔赴阿萨德</p>
//             <p>3 开启新的奔赴撒打发的发放</p>
//          </div>
//          <div className="nav">
//             <p>4 开启新的奔赴打发打发沙发舒服</p>
//             <p>5 开启新的奔赴大幅度V型</p>
//             <p>6 开启新的奔赴多发点发阿发</p>
//          </div>
//       </main>
//    </div>
// </div>
// 4. 创建根节点
let root = ReactDOM.createRoot(document.getElementById('root'))


// 5. 渲染虚拟dom到页面中
root.render(<App />)